<template>
  <h1>Link 链接</h1>
  <p>文字超链接</p>
  <h2>基础用法</h2>
  <div class="demo-block">
    <div class="demo-block-content">
      <div class="demo-block-content-row">
        <az-link href="https://www.baidu.com" target="_blank">百度一下你就知道</az-link>

      </div>
    </div>
    <div class="demo-block-code">
      <pre><code class="language-html">{{ example1 }}</code></pre>
    </div>
  </div>
  <h2>禁用</h2>
  <div class="demo-block">
    <div class="demo-block-content">
      <div class="demo-block-content-row">
        <az-link href="https://www.baidu.com" disabled>百度一下你就知道</az-link>
      </div>
    </div>
    <div class="demo-block-code">
      <pre><code class="language-html">{{ example2 }}</code></pre>
    </div>
  </div>
</template>

<script lang="ts" setup>
const example1 = `<az-link href="https://www.baidu.com" target="_blank">百度一下你就知道</az-link>`
const example2 = `<az-link href="https://www.baidu.com" disabled>百度一下你就知道</az-link>`
</script>
